<template>
	<view class="container">
	<!-- 	<view class="intro">本项目已包含uni ui组件，无需import和注册，可直接使用。在代码区键入字母u，即可通过代码助手列出所有可用组件。光标置于组件名称处按F1，即可查看组件文档。</view>
		<text class="intro">详见：</text>
		<uni-link :href="href" :text="href"></uni-link> -->
		<page-meta><navigation-bar /></page-meta>
		<view class="status_bar">
			<!-- 这里是状态栏 -->
		</view>
		<view> 状态栏下的文字 </view>
		<view class="toTop">
			111
			<!-- 这里可以放一个向上箭头，它距离底部tabbar上浮10px-->
		</view>
		<view class="content">
			<view :style="{ height: iStatusBarHeight + 'px'}">{{iStatusBarHeight}}</view>
		</view>
		<button type="primary" @click="test">点击改变nvue的数据</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				href: 'https://uniapp.dcloud.io/component/README?id=uniui',
				iStatusBarHeight :0
			}
		},
		onLoad() {
			this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight
		},
		methods: {
			test(){
				var pages = getCurrentPages();
				var page = pages[pages.length - 2];
				console.log(pages)
				// var currentWebview = page.$getAppWebview();
				// plus.webview.postMessageToUniNView({
				// 	num: "123"
				// }, currentWebview.id);
				// uni.navigateBack()
			}
		}
	}
</script>

<style>
	.container {
		padding: 20px;
		font-size: 14px;
		line-height: 24px;
	}
	.status_bar {
		height: var(--status-bar-height);
		width: 100%;
	}
	.toTop {
		bottom: calc(var(--window-bottom) + 10px)
	}
</style>
